<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>商城首页</title>
    <script src="/static/mobile/js/mui.min.js"></script>
    <link  href="/static/mobile/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="/static/mobile/css/basic.css"/>
    <link rel="stylesheet" type="text/css" href="/static/mobile/css/index.css"/>
    <link rel="stylesheet" type="text/css" href="/static/mobile/css/swiper.min.css"/>
    <script type="text/javascript" src="/static/mobile/js/jquery.js"></script>
    <script src="/static/mobile/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
</head>
<body>
<!---	<div class="section1">
		<div class="container mui-clearfix">
			<input type="search" class="mui-input-clear" placeholder="搜索"> <a href="javascript:void(0);"><img src="/static/mobile/images/b1.png"/></a><a href="javascript:void(0);"><img src="/static/mobile/images/newsss.png"/></a>
		</div>
	</div>--->
	<div class="section2">
		<div class="swiper-container">
		    <div class="swiper-wrapper">
			
			{volist name="ad" id="vo"}
		        <div class="swiper-slide"><a href='{$vo.url}'><img src="{$vo.pic}"/></a></div>
			
				{/volist}
		    
		
		    </div>
		
		    <div class="swiper-pagination"></div>
		</div>
	</div>
	<div class="section3">
		<div class="container mui-clearfix">
			<ul>
				{volist name="nav" id="vo" key="i"}
				<li><a href="{:url('mobile/shop/lists',['catId'=>$vo['id']] )}"><img src="{$vo.image}" alt="" /><p>{$vo.catname}</p></a></li>
			
				 {/volist}
				
			
				<li><a href="{:url('mobile/shoptype/index')}"><img src="/static/mobile/images/menu_icon_14.png" alt="" /><p>更多</p></a></li>
			</ul>
		</div>
	</div>
	<div class="ge"></div>
	<div class="section4">
		<div class="container">
			<div class="section4-1">
				<p class="p1"><img src="/static/mobile/images/icon_title_new.png"/><span>新款发售</span></p>
				<p class="p2">价格始终如一，潮流抢鲜不停</p>
			</div>
			<div class="section4-2 mui-clearfix">
				<ul>
				 {clt:listjoin db='shop' dbfield='catid' id='vo' joindb='category' joinfield='id' where="status = 1" order="sort asc,createtime desc" limit='10'}
					<li>
						<a href="{:url('mobile/shop/info',array('id'=>$vo['id'],'catId'=>$vo['catid']))}">
							<div class="big">
								<div class="logos">
									<img src="{$vo.thumb}" />
								</div>
								<div class="center">
									<p>{$vo.title}</p>
								</div>
								<div class="livn mui-clearfix">
									<p class="p1">¥ <span>{$vo.jiage}</span></p>
									<p class="p2">库存：<span>{$vo.kucun}</span></p>
								</div>
							</div>
						</a>
					</li>
					{/clt:listjoin}
					
				</ul>
			</div>
		</div>
	</div>
	
	
	<div class="kong"></div>
	{include file="common/foot"/}
</body>
<script>
    var swiper = new Swiper('.swiper-container', {
        spaceBetween: 30,
        centeredSlides: true,
        autoplay: {
        delay: 2000,
        disableOnInteraction: false,
        },
        pagination: {
        el: '.swiper-pagination',
        clickable: true,
        },
    });
</script>
</html>